<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <title>课堂-成绩</title>
    <link rel="stylesheet" href="../../../static/css/vendor/ion-fonts.css">
    <link rel="stylesheet" href="../../../static/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="../../../static/css/style.css">
    <link rel="stylesheet" href="../../../static/test/ziy/iconfont.css">
    <link href="../../../static/test/ziy/common.css" rel="stylesheet" type="text/css">
    <link href="../../../static/test/ziy/previewfile.css" rel="stylesheet" type="text/css">
    <link href="../../../static/test/ziy/performanceV2C.css" rel="stylesheet" type="text/css">
    <script src="../../../static/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="../../../static/js/vendor/bootstrap.min.js"></script>
</head>

<body>

    <div class="main-wrapper">

        <header class="header-main_area">
            <div class="header-top_area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="ht-left_area in-header return" style="height: 45px;">
                                <a class="return" style="top: 5px;" href="../index/index.html" th:href="@{'/course/index/'+${session.course.id}}" >
                                    <span style="background:#fed100;color:#333333;">
                                        <i class="iconfont iconfanhui" style="color: black;"></i>
                                        <strong th:text="${session.course.name}">课堂名称</strong>
                                    </span>
                                </a>
                            </div>
                        </div>

                        <div class="col-lg-8">
                            <div class="ht-right_area">
                                <div class="ht-menu">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href=""></a></li>
                                        <li><a href="/user/personal"><i class="ion-person"></i>个人中心</a></li>
                                        <li><a href="/doLogout"><i class="ion-log-out"></i>退出用户</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

    </div>

    <div class="in-header" style="box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.04);background: none repeat scroll 0% 0% #fff;">

        <div class="nav gWidth row" id="third-nav" style="box-shadow: none">

            <div class="col-lg-12">
                <a href="../member/member.html" th:href="@{'/member/list/'}" >成员</a>
                <a href="../grouplist/grouplist.html" th:href="@{'/group/list/'}">学生分组</a>
                <a href="#" class="active">成绩</a>
            </div>

        </div>
    </div>
    <div class="perform-page">
        <div class="gWidth">
            <div class="perform-group-title">
                <a href="javascript:;" class="zuoye active" data-type="3" data-grade="3">作业成绩</a>
                <a href="javascript:;" class="test" data-type="2" data-grade="2">测试成绩</a>
                <a href="javascript:;" class="regularGrade" data-type="4" data-grade="4">平时成绩</a>
                <a href="javascript:;" class="finalGrade" data-type="5" data-grade="5">期末考成绩</a>
                <a href="javascript:;" class="all" data-type="1" data-grade="1">总成绩</a>
            </div>
            <div class="grage-page">

                <div class="test1 null-page2 empty-custom">
                <p>暂无作业成绩记录<br>（该课程没有学生或您未发布测试）</p>
                </div>
                <div class="test1 null-page2 empty-custom hide">
                    <p>暂无测试成绩记录<br>（该课程没有学生或您未发布测试）</p>
                </div>
                <div class="test1 null-page2 empty-custom hide">
                    <p>暂无平时成绩记录<br>（该课程没有学生或您未发布测试）</p>
                </div>
                <div class="test1 null-page2 empty-custom hide">
                    <p>暂无期末考成绩记录<br>（该课程没有学生或您未发布测试）</p>
                </div>

                <div class="test1 page-inner hide" id="zuoye">

                    <div class="perform">

                    </div>
                    <div class="perform-cont">
                        <div class="title perform-cont-ul" id="worktesttitle" style="position: static; top: 0px;">
                            <ul class="clearfix">
                                <li class="s-opt fl border-right">
                                    <div class="opt">
                                        <span data-type="all" style="border-color: transparent; background: none; cursor: auto; padding-left: 0px;">全部成员</span>
                                    </div>
                                </li>
                                <li class="s-perform fl">
                                    <a href="javascript:;" class="t-left hide" style="display: none;">〈</a>
                                    <div class="perform-div">
                                        <ul id="viewer-container-hlist" class="perform-box" style="width: 150px; left: 0px;">
                                            <li data-id="MDAwMDAwMDAwMLSGy5iHqbNt">
                                                <h3 title="人类研究zyong">课堂名称</h3>
                                                <p>19/06/27   10:29</p>

                                            </li>
                                        </ul>
                                    </div>
                                    <a href="javascript:;" class="t-right hide hide2" style="display: none;">〉</a>
                                </li>
                            </ul>
                        </div>
                        <div class="zw-div" style="display: none;"></div>
                        <div class="perform-detail perform-cont-ul" id="viewer-students">
                            <ul class="clearfix" data-id="MDAwMDAwMDAwMLOstd2IqbNqhLVyoQ">
                                <li class="s-opt fl border-right">
                                    <span class="s-id" title="17210320319">17210320319</span>&nbsp;
                                    <span class="s-name" title="王思铭">王思铭</span>
                                </li>
                                <li class="s-perform fl">
                                    <div class="perform-div">
                                        <ul class="perform-box grades" style="width: 150px; left: 0px;">

                                            <li data-id="MDAwMDAwMDAwMLSGy5iHqbNt" class="canhover">

                                                <span class="wj">未交</span>

                                            </li>

                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            $('.perform-group-title a').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
                var index=$(this).index();
                $(".test1").eq(index).show().siblings().hide();
            })
        })
    </script>
</body>

</html>

